📚 Ejemplos de Shortcodes - WarezDL Theme

Nota: Copia y pega estos códigos directamente en el editor de WordPress (modo texto/HTML).

1. Acordeón

Descripción: Crea secciones expandibles/colapsables.

Ejemplo Básico:

[acordeon title="¿Qué es WordPress?"] WordPress es un sistema de gestión de contenidos (CMS) que permite crear y administrar sitios web de forma sencilla. [/acordeon]

Múltiples Acordeones:

[acordeon title="Requisitos del Sistema"] - PHP 7.4 o superior - MySQL 5.6 o superior - WordPress 5.0 o superior [/acordeon] [acordeon title="Características" open="true"] - Diseño responsive - Modo oscuro/claro - Optimizado para SEO [/acordeon] [acordeon title="Instalación"] 1. Descarga el tema 2. Sube a wp-content/themes 3. Activa desde el panel de WordPress [/acordeon]

2. Tabs (Pestañas)

Descripción: Organiza contenido en pestañas.

[tabs] [tab title="Descripción"] Este es el contenido de la primera pestaña con la descripción del producto. [/tab] [tab title="Especificaciones"] - Tamaño: 1920x1080 - Formato: MP4 - Duración: 2 horas [/tab] [tab title="Requisitos"] - Sistema operativo: Windows 10/11 - RAM: 8GB mínimo - Espacio: 50GB [/tab] [tab title="Descargas"] [boton url="#" style="primary"]Descargar 1080p[/boton] [boton url="#" style="secondary"]Descargar 720p[/boton] [/tab] [/tabs]

3. Bloques de Código

Descripción: Muestra código con resaltado de sintaxis y botón de copiar.

[codigo lang="html" title="Ejemplo HTML"] <!DOCTYPE html> <html> <head> <title>Mi Página</title> </head> <body> <h1>Hola Mundo</h1> </body> </html> [/codigo] [codigo lang="php" title="functions.php"] function mi_funcion() { echo "Hola desde WordPress"; } add_action('init', 'mi_funcion'); [/codigo]

4. Tablas

Descripción: Crea tablas con diferentes estilos.

Tabla con Rayas:

[tabla style="striped"] [fila] [th]Nombre[/th] [th]Tamaño[/th] [th]Formato[/th] [/fila] [fila] [td]Película 1[/td] [td]2.5 GB[/td] [td]MP4[/td] [/fila] [fila] [td]Película 2[/td] [td]1.8 GB[/td] [td]MKV[/td] [/fila] [fila] [td]Película 3[/td] [td]3.2 GB[/td] [td]AVI[/td] [/fila] [/tabla]

5. Citas (Quotes)

Descripción: Muestra citas o textos destacados.

[quote author="Albert Einstein"] La imaginación es más importante que el conocimiento. [/quote] [quote style="border" author="Steve Jobs"] La innovación distingue a un líder de un seguidor. [/quote] [quote style="highlight" author="Walt Disney"] Si puedes soñarlo, puedes hacerlo. [/quote]

6. Botones

Descripción: Crea botones con diferentes estilos y tamaños.

[boton url="https://ejemplo.com" style="primary"]Descargar Ahora[/boton] [boton url="#" style="secondary"]Más Información[/boton] [boton url="#" style="success"]Completado[/boton] [boton url="#" style="danger"]Eliminar[/boton] [boton url="#" style="warning"]Advertencia[/boton] [boton url="#" style="info"]Información[/boton] [boton url="#" style="primary" size="large" icon="⬇"]Descargar Grande[/boton] [boton url="https://ejemplo.com" style="primary" target="_blank"]Abrir en Nueva Pestaña[/boton]

7. Divisiones (Separadores)

Descripción: Crea líneas separadoras.

[division] [division style="dashed"] [division style="dotted"] [division style="gradient" height="4px" margin="3rem"]

8. Alertas

Descripción: Muestra mensajes de alerta.

[alerta type="info"] Esta es una alerta informativa con información útil. [/alerta] [alerta type="success"] ¡Operación completada exitosamente! [/alerta] [alerta type="warning"] Ten cuidado, esto requiere tu atención. [/alerta] [alerta type="danger"] ¡Error! Algo salió mal. [/alerta] [alerta type="success" dismissible="true"] Esta alerta puede cerrarse haciendo clic en la X. [/alerta]

9. Warning y Success (Atajos)

Descripción: Atajos rápidos para alertas comunes.

[warning] ¡Atención! Asegúrate de hacer una copia de seguridad antes de continuar. [/warning] [success] ¡Perfecto! Tu descarga ha comenzado correctamente. [/success]

10. Columnas

Descripción: Divide el contenido en columnas.

Dos Columnas:

[columnas count="2"] [columna] Contenido de la primera columna con texto e información. [/columna] [columna] Contenido de la segunda columna con más detalles. [/columna] [/columnas]

Tres Columnas:

[columnas count="3" gap="2rem"] [columna] Primera columna [/columna] [columna] Segunda columna [/columna] [columna] Tercera columna [/columna] [/columnas]

11. Cajas (Boxes)

Descripción: Crea cajas de contenido con título e icono.

[caja title="Información Importante"] Este es el contenido de la caja. [/caja] [caja title="Descarga" icon="⬇" color="primary"] Haz clic en el botón para descargar el archivo. [boton url="#" style="primary"]Descargar[/boton] [/caja] [caja title="Caja de Éxito" color="success" icon="✓"] Operación completada correctamente. [/caja] [caja title="Caja de Advertencia" color="warning" icon="⚠"] Ten precaución con esta acción. [/caja] [caja title="Caja de Peligro" color="danger" icon="✕"] Error crítico detectado. [/caja]

12. Listas con Iconos

Descripción: Crea listas con iconos personalizados.

[lista icon="✓" color="success"] [item]Tarea completada 1[/item] [item]Tarea completada 2[/item] [item]Tarea completada 3[/item] [/lista] [lista icon="★" color="primary"] [item]Característica destacada 1[/item] [item]Característica destacada 2[/item] [item]Característica destacada 3[/item] [/lista] [lista icon="⚠" color="warning"] [item]Advertencia 1[/item] [item]Advertencia 2[/item] [/lista]

13. Ejemplo Completo: Página de Descarga

Descripción: Combinación de varios shortcodes.

[caja title="El Último Samurái en Pie" color="primary" icon="🎬"] [tabs] [tab title="Información"]

Sinopsis

Una historia épica sobre un samurái en el Japón feudal...

[lista icon="✓" color="success"] [item]Género: Acción, Drama[/item] [item]Año: 2024[/item] [item]Duración: 142 minutos[/item] [item]Idioma: Japonés con subtítulos[/item] [/lista] [/tab] [tab title="Detalles Técnicos"] [tabla style="striped"] [fila] [th]Característica[/th] [th]Detalles[/th] [/fila] [fila] [td]Calidad[/td] [td]1080p Full HD[/td] [/fila] [fila] [td]Tamaño[/td] [td]2.5 GB[/td] [/fila] [fila] [td]Formato[/td] [td]MP4[/td] [/fila] [fila] [td]Audio[/td] [td]Dual (Español/Japonés)[/td] [/fila] [/tabla] [/tab] [tab title="Requisitos"] [alerta type="info"] Asegúrate de cumplir con los siguientes requisitos antes de descargar. [/alerta] [lista icon="•" color="info"] [item]Sistema: Windows 10/11, macOS, Linux[/item] [item]RAM: 4GB mínimo[/item] [item]Espacio: 5GB libre[/item] [item]Reproductor: VLC, MPC-HC[/item] [/lista] [/tab] [tab title="Descargar"] [columnas count="2"] [columna]

Calidad Alta

[boton url="#" style="primary" size="large" icon="⬇"]Descargar 1080p[/boton]

Tamaño: 2.5 GB

[/columna] [columna]

Calidad Media

[boton url="#" style="secondary" size="large" icon="⬇"]Descargar 720p[/boton]

Tamaño: 1.2 GB

[/columna] [/columnas] [division style="gradient"] [warning] Asegúrate de tener un antivirus actualizado antes de descargar cualquier archivo. [/warning] [/tab] [/tabs] [/caja] [division] [quote author="Crítico de Cine"] Una obra maestra del cine japonés contemporáneo. Imperdible. [/quote]
💡 Consejo: Puedes combinar shortcodes para crear diseños más complejos. Experimenta con diferentes combinaciones para encontrar el estilo que mejor se adapte a tu contenido.